import { Space, Typography } from "antd";
import { InputHandle, OutputHandle, NodeContainer } from "./NodeBase";
const { Text } = Typography;

function ImageHumanSegNode({ data }) {
  return (
    <>
      <InputHandle label="image" id="0" />

      <OutputHandle label="humanImg" id="0" />

      <NodeContainer title="提取人像" />
    </>
  );
}

function ImageMergeNode({ data }) {
  return (
    <>
      <InputHandle label="image" id="0" style={{ top: "40%" }} />
      <InputHandle label="image" id="1" style={{ top: "60%" }} />

      <OutputHandle label="image" id="0" />

      <NodeContainer title="图层">
        <Space direction="vertical">
          <Text type="secondary">混合方式:</Text>
          <select
            className="Select"
          >
            <option>透明度</option>
            <option>相乘</option>
            <option>变亮</option>
            <option>变暗</option>
          </select>
        </Space>
      </NodeContainer>
    </>
  );
}

export { ImageHumanSegNode, ImageMergeNode };
